<template>
  <div>
      
  </div>
</template>

<script type='text/javascript' src='https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js'></script>

<script>

$("head").append("<link>");
var css = $("head").children(":last");
css.attr({
    rel: "stylesheet",
    type: "text/css",
    href: "https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.css"
});
document.write('<div id="aplayer"></div>');
$.getScript('https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.js', function () {
    $.ajax({
        type: "GET",
        url: 'https://api88.net/api/qqmusic/?key=7d86a3d4f446ae2f5aca7b54dd8a7ab8&id=4139958112&type=songlist&cache=',
        dataType: 'json',
        success: function (result) {
            var ap = new APlayer({
                element: document.getElementById('aplayer'),
                lrcType: 3,
                volume: 1,
                mutex: true,
                fixed: false,
                theme: '#32CD32',
                autoplay: false,
                order: 'list',
                //loop: 'none',
                //mini: false,
                //listFolded: false,
                listMaxHeight: 500,
                audio: result.Body,
            });
        }
    });
});

    

</script>

<style>

</style>